<!DOCTYPE html>
<html>
<head>
    <meta charset="GBK">
	<title>EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
	<script type="text/javascript" src="custom.js"></script>
	<script type="text/javascript" src="demo.js"></script>
</head>
<body>
	<div class="easyui-layout"  style="width:800px;height:800px;">
		<!-- 页面布局上部 -->
		<div class="easyui-panel" data-options="region:'north'" style="height:165px">
				<!-- 查询栏 -->
					<div style="margin:10px 10px 10px 10px;">
						<div style="margin:10px 10px 10px 10px;">
						<form id="demoForm">
							<label for="AAA">A:</label>
							<input class="easyui-validatebox" type="text" name="AAA" data-options="validType:'email'" />
							<label for="BBB">B:</label>
							<input class="easyui-numberbox" type="text" name="BBB" data-options="min:0,precision:2"/>
							<label for="CCC">C:</label>
							<input class="easyui-validatebox" type="text" name="CCC"/>
						</form>
						</div>
						<div style="margin:10px 10px 10px 10px;">
								<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'">Add</a>
								<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'" >Remove</a>
								<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-cut',disabled:true">Cut</a>
								<a href="#" class="easyui-linkbutton">Text Button</a>
								<a href="#" class="easyui-linkbutton" data-options="iconAlign:'right',iconCls:'icon-search'" >Search</a>
								<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-print'" >Print</a>
								<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" >Reload</a>
						</div>
				</div>
		</div>
		<div id="demoToolbar" >
			<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" plain=true>Save</a>
		</div>
		<!-- 页面布局中部 -->
		<div class="easyui-panel" data-options="region:'center'">
			<!-- 查询结果列表 -->
			<table id="demoGrid"></table>
		</div>
		<!-- 页面布局底部 -->
		<div data-options="region:'south'" style="height:40px;">
			<div align="center"><p>Copyright ? , All Rights Reserved.</p><div>
		</div>
	</div>
</body>
</html>